<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/templates/general.xhtml">
       
        <ui:define name="title"><h:outputText value="Please Sign In" /></ui:define>
        <ui:define name="header"><h:outputText value="Please Sign In" /></ui:define>
       
        <ui:define name="content">
			<h:form id="loginForm">
				<p:fieldset styleClass="fieldset" legend="Authentication Form">
					<p:messages id="messages"/>
					<h:panelGrid id="logPanelGrid" style="margin: 0 auto; margin-top: 25px; text-align: right" cellspacing="8" columns="3">
						<h:panelGroup>
							<h:outputText value="UserId"/><h:outputText style="color:red" value="*"/>
						</h:panelGroup>
						<p:inputText id="userId" value="" required="true" label="User Id" title="Enter your User Id" validatorMessage="Invalid User Id!"/>
						<p:tooltip for="userId" styleClass="tooltip" showEvent="focus" hideEffect="blur"/>
												
						<h:panelGroup>
							<h:outputText value="Password"/><h:outputText style="color:red" value="*"/>
						</h:panelGroup>
						<p:password id="password" value="" required="true" label="Password" title="Enter your password" feedback="true" validatorMessage="Invalid password!"/>
						<p:tooltip for="password" styleClass="tooltip" showEvent="focus" hideEffect="blur"/>
												
						<p:commandButton id="registerButton" action="register" value="Register" icon="ui-icon-plus" immediate="true" />
						<p:commandButton id="loginButton" action="login" value="Sign In" icon="ui-icon-check" update="logPanelGrid, messages"/>
					</h:panelGrid>
				</p:fieldset>
			</h:form>
					
        </ui:define>
       
</ui:composition>
